<template >
<div class="gridsnine">
     <router-link tag="div" to="goodslist" v-slot="{ navigate }" >
         <div @click="navigate"  class="griditem">
        <img src="@/assets/img/grids/menu10.png" alt="">
        <span>推荐</span>
         </div>
    </router-link >
    <router-link tag="div" to="liannew" class="griditem">
        <img src="@/assets/img/grids/menu12.png" alt="">
        <span>推荐</span>
    </router-link >
    <router-link tag="div" to="goodslist" class="griditem">
        <img src="@/assets/img/grids/menu13.png" alt="">
        <span>推荐</span>
    </router-link >
    <router-link tag="div" to="goodslist" class="griditem">
        <img src="@/assets/img/grids/menu15.png" alt="">
        <span>推荐</span>
    </router-link >
    <router-link tag="div" to="goodslist" class="griditem">
        <img src="@/assets/img/grids/menu16.png" alt="">
        <span>推荐</span>
    </router-link>
    <router-link tag="div" to="goodslist" class="griditem">
        <img src="@/assets/img/grids/menu17.png" alt="">
        <span>推荐</span>
    </router-link >
    <router-link tag="div" to="goodslist" class="griditem">
        <img src="@/assets/img/grids/menu18.png" alt="">
<span>推荐</span>
    </router-link >
    <router-link tag="div" to="goodslist" class="griditem">
        <img src="@/assets/img/grids/menu19.png" alt="">
  <span>推荐</span>
    </router-link >
  
</div>
</template>

<script>
export default {
    setup () {
        

        return {}
    }
}
</script>

<style lang="scss" scoped>
.gridsnine{
    padding: 0 1rem;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-content: space-around;

    .griditem{
        width: 2rem;
      display: flex;
      margin: 0.3rem 0.4rem;
      flex-direction: column;
      justify-content: space-around;
      font-size: 0.6rem;
     color: #7c7a79;
      text-align: center;
      align-content: center;
      span{
        margin-top: 0.3rem;
      }
        img{
            width: inherit;
        }
    }
    background-color:#f7f8fa ;

}

</style>